<!DOCTYPE html>
<html style="height: 100%">
   <head>
       <meta charset="utf-8">
       <style>
           #button {
                position: relative;
                left: 800px;
                top: 600px;
                display: inline-flex; 
                justify-content: center; 
                align-items: center; 
                margin-right: 200px; 
                border: 1px solid transparent; 
                border-radius: 4px; 
                padding: .5em 1em; 
                color: #fff; 
                background-color: #9555af;
            } 
       </style>
          
   </head>
   <body style="height: 70%; margin: 0">
    <input id = "button" type="button" value="代词" onclick="javascrtpt:window.location.href='C:/Users/pc/Desktop/big%20homework/visual/红楼梦/代词分析.html'">
       <div id="container" style="height: 100%"></div>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-stat/ecStat.min.js"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/dataTool.min.js"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/world.js"></script>
       <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/bmap.min.js"></script>
       <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/simplex.js"></script>
       <script type="text/javascript">
var dom = document.getElementById("container");
var myChart = echarts.init(dom);
var app = {};
option = null;
option = {
    title: {
        text: '动词短语堆叠区域图'
    },
    tooltip : {
        trigger: 'axis',
        axisPointer: {
            type: 'cross',
            label: {
                backgroundColor: '#6a7985'
            }
        }
    },
    legend: {
        data:['说着','说道','听了','听见','进来','出去','起来','回来','只见','不敢']
    },
    toolbox: {
        feature: {
            saveAsImage: {}
        }
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis : [
        {
            type : 'category',
            boundaryGap : false,
            data : ['10','20','30','40','50','60','70','80','90','100','110','120']
        }
    ],
    yAxis : [
        {
            type : 'value'
        }
    ],
    series : [
        {
            name:'说着',
            type:'line',
            stack: '词频',
            areaStyle: {},
            data:[48, 64, 94, 93, 104, 87, 83, 49, 102, 65, 52, 53]
        },
        {
            name:'说道',
            type:'line',
            stack: '词频',
            areaStyle: {},
            data:[48, 73, 121, 93, 54, 72, 64, 37, 119, 104, 71, 117]
        },
        {
            name:'进来',
            type:'line',
            stack: '词频',
            areaStyle: {normal: {}},
            data:[33, 35, 73, 44, 37, 63, 56, 63, 76, 50, 77, 81]
        },
        {
            name:'出去',
            type:'line',
            stack: '词频',
            areaStyle: {normal: {}},
            data:[25, 39, 45, 43, 39, 69, 57, 71, 39, 37, 35, 49]
        },
        {
            name:'起来',
            type:'line',
            stack: '词频',
            areaStyle: {normal: {}},
            data:[41, 47, 86, 83, 88, 86, 102, 83, 125, 82, 110, 120]
        },
        {
            name:'回来',
            type:'line',
            stack: '词频',
            areaStyle: {normal: {}},
            data:[23, 36, 43, 40, 33, 44, 51, 23, 70, 64, 63, 84]
        },
        {
            name:'只见',
            type:'line',
            stack: '词频',
            areaStyle: {normal: {}},
            data:[44, 56, 129, 67, 77, 47, 50, 40, 91, 47, 80, 61]
        },
        {
            name:'不敢',
            type:'line',
            stack: '词频',
            areaStyle: {normal: {}},
            data:[27, 34, 32, 23, 33, 48, 61, 38, 33, 57, 53, 75]
        },
        {
            name:'听见',
            type:'line',
            stack: '词频',
            data:[25, 22, 55, 46, 28, 26, 56, 54, 110, 84, 96, 89]
        },
        {
            name:'听了',
            type:'line',
            stack: '词频',
            label: {
                normal: {
                    show: true,
                    position: 'top'
                }
            },
            areaStyle: {normal: {}},
            data:[72, 92, 95, 86, 100, 94, 120, 99, 63, 66, 69, 94]
        }
    ]
};
;
if (option && typeof option === "object") {
    myChart.setOption(option, true);
}
       </script>
   </body>
</html>